<div class="top withe">
  <img id="head" [src]="goodlist[key]['g_img']">
  <div class="red" *ngIf="goodlist[key].g_sold">
    直降
  </div>
  <div class="bottm">
    <h3>
      <span>特级</span>
      <span>优质</span>
      <span>{{goodlist[key].g_title}}</span>
      <span >粉末</span>
    </h3>
    <h2><span class="currency">￥</span>&nbsp;&nbsp;{{goodlist[key].g_price}}
      <span class="OldPrice" *ngIf="goodlist[key].g_sold">原价：{{goodlist[key].g_sold}}</span>

      <span class="OldPrice sales">销量：{{goodlist[key].goods_count}}</span>
    </h2>

  </div>
</div>

<div class="btn2">
  <!--<a class="switch" [routerLink]="['/details/introduce']" routerLinkActive="btn">商品详情</a>-->
  <!--<a class="switch" [routerLink]="['/details/evaluation']" routerLinkActive="btn">评价</a>-->
  <div (click)="show()" [ngClass]="{'show': onshow}">
    商品详情
  </div>
  <div (click)="show2()"  [ngClass]="{'show': !onshow}">
    评价
  </div>
</div>
<div *ngIf="onshow">
  {{goodlist[key].g_details}}
</div>

<div class="withe " *ngIf="!onshow">
  <div Class="evaluation">
    <div class="photo">
      <img src="../../../assets/img/jc.jpg">
    </div>
    <div class="eva">
      <h2>我受过专业的训练</h2>
      <h2 class="time">时间</h2>
    </div>
  </div>
  <div class="text">
    我们是受过专业训练的，无论多好笑，我们都不会笑，除非忍不住！
  </div>
</div>
<app-waiter ></app-waiter>
<!--<app-nav [thiskey]="key"></app-nav>-->
<br>
<!--<br>-->
<!--<br>-->
<!--<br>-->
<!--<br>-->
<!--购物车提醒框-->

<div class="box" *ngIf='!inshow'>
  <div class="upbox">
    <div class="img2">
     <img [src]="goodlist[key]['g_img']">
    </div>
    <div class="state">
      <span id="price">￥{{goodlist[key].g_price}}</span>
      <span id="OldPrice" style=" color: rgb(82,83,84)">原价：￥{{goodlist[key].g_sold}}</span>

      <img src="../../../assets/ui/delete.png" (click)="show3()">
      <br>
      <span id="count">库存：{{goodlist[key].goods_count}}</span>
    </div>
  </div>
  <div class="bottombox">
    <h2>购买数量</h2>
    <span class="amount" (click)="sub1()"> - </span>
    <div> {{num}} </div>
    <span class="amount" (click)="add1()"> + </span>
    <span id="num"> t/kg/g</span>
  </div>
  <div id="enter" (click)="up()">
    确定
  </div>
</div>
<!--导航栏-->

<div class="head">
  <div class="part1">
    <div class="ui" [routerLink]="['/shops']">
      <img src="../../../../assets/ui/u1.png">
      <h2>商城</h2>
    </div >
    <div class="ui" [routerLink]="['/shopping-cart']">
      <img src="../../../../assets/ui/u2.png">
      <h2>购物车</h2>
    </div>
  </div>
  <div class="part2">
    <div class="green" (click)="show3()">
      <span>加入购物车</span>
    </div>
    <div id="red">
      <span>立即购买</span>
    </div>
  </div>
</div>
<div class="gode">1</div>
